<template>
  <div class="box">
    <lyrs></lyrs>
     <login></login>
    <div class="head"></div>
    <myheader></myheader>
    <div class="main">
      <div class="main_box">
        <leftmenu></leftmenu>
        <layout></layout>
      </div>
    </div>
    <div class="block">1111</div>
     <myfoot></myfoot>
  </div>

</template>

<script>
import axios from 'axios'
import login from './components/common/login.vue'
import myheader from './components/common/head.vue'
import myfoot from './components/common/foot.vue'
import leftmenu from './components/common/leftmenu.vue'
import layout from './views/layout.vue'
import lyrs from './components/common/lyrs.vue'
export default {
  components: {
    myheader,
    myfoot,
    leftmenu,
    layout,
    lyrs,
    login
  },
  data () {
    return {

    }
  },
  watch: {
    $route (to, from) {
      console.log(to.path, this.$route.meta.id)
    }
  },
  mounted () {
    console.log(this.$store.state.userinfo[0], 11111111111111)
    const userinfo = localStorage.getItem('userinfo')
    // console.log(userinfo,11111111111111111)
    if (userinfo == undefined || userinfo == null) {
      return
    }
    this.$store.state.userLoginState = true

    // axios.get('http://127.0.0.1/test1',{
    //   headers: {
    //     token: '1234567'
    //   }
    // }).then((res) => {
    // })
  },
  methods: {
  }
}
</script>

<style>
.loading{
  line-height: 70px;
  text-align: center;
  font-size: 2rem;
  background-color: white;
}
.block1{
    width: 100%;
    height: 150px;
}
</style>
<style scoped>
.box{
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}

.head{
  width: 100%;
  height: 60px;
}
.main{
  width: 100%;
  height: 100vh;
  background-color: white;
}
.main_box{
  width: 1250px;
  height: 100%;
  background-color: aliceblue;
  margin: 0 auto;
}
.block{
    width: 100%;
    height: 150px;
}

</style>
